<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<base href="<%=basePath%>" />
		<link rel="stylesheet" type="text/css" href="admin/css/style.css" />
		<link rel="stylesheet" type="text/css" media="all"
			href="admin/css/niceforms-default.css" />
		<link rel="stylesheet" type="text/css" media="all"
			href="admin/js/date/jquery-ui-1.8.16.custom.css" />
		<script type="text/javascript" src="admin/js/jquery.min.js"></script>
		<script type="text/javascript" src="admin/js/niceforms.js"></script>
		<script type="text/javascript" src="admin/js/ddaccordion.js"></script>
		<script type="text/javascript" src="admin/js/jconfirmaction.jquery.js"></script>
		<script type="text/javascript" src="admin/js/jquery.jclock-1.2.0.js"></script>
		<script type="text/javascript"
			src="admin/js/date/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript"
			src="admin/js/date/jquery.ui.datepicker-zh-CN.js"></script>
		<script type="text/javascript">
ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [4], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='<%=basePath%>admin/images/plus.gif' class='statusicon' />", "<img src='<%=basePath%>admin/images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
});
</script>
		<script type="text/javascript">
	$(function($) {
		$('.jclock').jclock();
		if ("success" == "${msgReturn}")
			alert("添加成功");
		if ("updateSuccess" == "${msgReturn}")
			alert("更新成功");

		$("#from").datepicker({
			changeMonth : true,
			changeYear : true,
			dateFormat : 'yy-mm-dd'
		});
		$("#to").datepicker({
			changeMonth : true,
			changeYear : true,
			dateFormat : 'yy-mm-dd'
		});
		$("#ui-datepicker-div").css('font-size', '0.8em') //改变大小
	});

	function firstPage() {
		document.queryForm.submit();
	}

	function lastPage() {
		var currentPage = <s:property value="pager.totalPage" />;
		$('#currentPage').attr('value', currentPage);
		document.queryForm.submit();
	}

	function backPage() {
		var currentPage = <s:property value="pager.currentPage" />;
		$('#currentPage').attr('value', currentPage - 1);
		document.queryForm.submit();
	}

	function nextPage() {
		var currentPage = <s:property value="pager.currentPage" />;
		$('#currentPage').attr('value', currentPage + 1);
		document.queryForm.submit();
	}

	function goPage() {
		var goPage = Number($('#goPage').attr('value'));
		if (isNaN(goPage)) {
			$('#goPage').attr('value', '');
			return;
		}
		$('#currentPage').attr('value', goPage);
		document.queryForm.submit();
	}
</script>
	</head>
	<body>
		<div id="main_container">
			<%@include file="../header.jsp"%>
			<div class="main_content">
				<%@include file="menu.jsp"%>
				<div class="center_content">
					<div class="left_content">
						<%@include file="sidebarmenu_sys.jsp"%>
					</div>
					<div class="right_content">

						<h5>
							当前位置: 系统管理 &gt; 其他管理 &gt; 系统字典管理
						</h5>
						<form action="customerAction!queryCustomerAction" id="queryForm"
							name="queryForm" method="post">
							<table id="rounded-corner"
								summary="2007 Major IT Companies' Profit">
								<thead>
									<tr>
										<th scope="col" class="rounded-company"></th>
										<th scope="col" class="rounded"></th>
										<th scope="col" class="rounded" width="20%" align="right">
											查找发卡商户
										</th>
										<th scope="col" class="rounded"></th>
										<th scope="col" class="rounded"></th>
										<th scope="col" class="rounded"></th>
										<th scope="col" class="rounded-q4" width="5%"></th>
									</tr>
								</thead>
								<!--<tfoot>
			    		<tr>
			    			<td  class="rounded-foot-left"></td>
				        	<td></td>
				        	<td colspan="2" style="text-align: left;">
				        	</td>
				        	<td></td>
				        	<td class="rounded-foot-right">&nbsp;</td>
				        </tr>
				    </tfoot>
				    -->
								<tbody>
									<tr>
										<td colspan="7"></td>
									</tr>
									<tr>
										<td align="right">
											姓 名：
										</td>
										<td align="left">
											<input type="text" name="customer.name" id="name" size="24" />
										</td>
										<td align="right">
											手机：
										</td>
										<td align="left">
											<input type="text" name="customer.mobile" id="mobile"
												size="24" />
										</td>
										<td colspan="3"></td>
									</tr>
									<tr>
										<td align="right">
											创建时间 ：
										</td>
										<td colspan="4" align="left">
											<input type="text" name="from" id="from" value="" size="24" />
											&nbsp;&nbsp; 至&nbsp;&nbsp;
											<input type="text" name="to" id="to" value="" size="24" />
										</td>
										<td colspan="2"></td>
									</tr>
									<tr>

										<td align="right">
											证件号码：
										</td>
										<td align="left">
											<input type="text" name="customer.certificateNo" id="tel"
												value="" size="24" />
										</td>
										<td colspan="5"></td>
									</tr>
									<tr>
										<td colspan="2"></td>
										<td>
											<input type="hidden" name="currentPage" id="currentPage"
												value="1" />
											<a href="javascript:$('#queryForm').submit();"
												class="bt_blue"> <span class="bt_blue_lft"></span><strong>查找</strong><span
												class="bt_blue_r"></span> </a>
										</td>
										<td colspan="4"></td>
									</tr>
								</tbody>
							</table>
						</form>

						<table id="rounded-corner">
							<thead>
								<tr>
									<th scope="col" class="rounded-company">
										姓名
									</th>
									<th scope="col" class="rounded">
										手机
									</th>
									<th scope="col" class="rounded">
										电子邮箱
									</th>
									<th scope="col" class="rounded">
										证件类型
									</th>
									<th scope="col" class="rounded">
										证件号码
									</th>
									<th scope="col" class="rounded">
										创建时间
									</th>
									<th scope="col" class="rounded-q4">
										操作
									</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<td class="rounded-foot-left" colspan="2">
										<div class="pager">
											共
											<s:property value="pager.totalSize" />
											条记录， 当前第
											<s:property value="pager.currentPage" />
											/
											<s:property value="pager.totalPage" />
											页
										</div>
									</td>

									<td colspan="5">
										<div class="goPage" class="rounded-foot-right">
											<a href="javascript:firstPage();">|&lt;&lt; first</a>
											<a href="javascript:backPage();"><span>&lt;&lt;
													prev</span>
											</a>
											<a href="javascript:void(0)"><input type="text"
													name="goPage" id="goPage" value="" size="2" maxlength="4"
													onblur="goPage();" />
											</a>
											<a href="javascript:nextPage();">next &gt;&gt;</a>
											<a href="javascript:lastPage();">last &gt;&gt;|</a>
										</div>
									</td>
									<!--<td class="rounded-foot-right">&nbsp;</td>
			        -->
								</tr>
							</tfoot>
							<tbody>
								<c:forEach items="${pager.list}" var="pt" varStatus="u">
									<tr>
										<td>
											${pt.name}
										</td>
										<td>
											${pt.mobile }
										</td>
										<td>
											${pt.email}
										</td>
										<td>
											<c:choose>
												<c:when test="${pt.certificateType==1}">
			            			身份证
			            		</c:when>
												<c:otherwise>
			            			商业登记编号
			            		</c:otherwise>
											</c:choose>
										</td>
										<td>
											${pt.certificateNo }
										</td>
										<td>
											${pt.createTime}
										</td>
										<td>
											<a
												href="customerAction!findCustomerAction?customer.customerId=${pt.customerId}">修改</a>
										</td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
					</div>
					<!-- end of right content-->


				</div>
				<!--end of center content -->


				<div class="clear"></div>
			</div>
			<!--end of main content-->

			<%@include file="../footer.jsp"%>

		</div>
	</body>
</html>
